@IMPORT url("commonFont.css");
@IMPORT url("bootstrap-custom.css");
@IMPORT url("home.css");
@IMPORT url("login.css");
@IMPORT url("user.css");
@IMPORT url("conf.css");
@IMPORT url("upload.css");
@IMPORT url("imageCrop.css");
@IMPORT url("common.css");
@IMPORT url("userSetting.css");
@IMPORT url("channel.css");
@IMPORT url("editor.css");
@IMPORT url("chat.css");
@IMPORT url("group.css");
@IMPORT url("address.css");
@IMPORT url("lottery.css");
@IMPORT url("jquery-ui.css");
@IMPORT url("jquery.mCustomScrollbar.css");
@IMPORT url("pagination.css");

div.yahoo2{padding:3px;font-size:1em;margin:3px; position:absolute;padding-left: 16px;padding-right: 16px;   font-family:tahoma,helvetica,sans-serif;text-align:center;}
div.yahoo2 a{border:#ccdbe4 1px solid;padding:2px 8px;background-position:50% bottom;color:#0061de;margin:0 3px 0 0;text-decoration:none;}
div.yahoo2 a:hover{border:#2b55af 1px solid;background-image:none;color:#fff;background-color:#3666d4;}
div.yahoo2 a:active{border:#2b55af 1px solid;background-image:none;color:#fff;background-color:#3666d4;}
div.yahoo2 a:visited{border:#2b55af 1px solid;margin:0px 0px 0px 10px;}
div.yahoo2 span.current{padding:2px 2px;font-weight:bold;color:#000;margin:0 3px 0 0;}
div.yahoo2 span.disabled{display:none;}
div.yahoo2 a.next{border:#ccdbe4 2px solid;margin:0px 0px 0px 10px;}
div.yahoo2 a.next:hover{border:#2b55af 2px solid;}
div.yahoo2 a.prev{border:#ccdbe4 2px solid;margin:0px 10px 0px 0px;}
div.yahoo2 a.prev:hover{border:#2b55af 2px solid;}

.pillbox {
	display: inline-block;
	margin: 0;
	padding: 2px 0 0 2px;
}

.pillbox li {
	display: inline-block;
	float: left;
	padding: 1px 4px 2px;
	margin: 0px;
	font-size: 12px;
	line-height: 21px;
	vertical-align: baseline;
	height: 26px;
}

.dropdown-menu>li>a:hover{background-color: #585c53}

#indicatorContainerWrap,#indicatorContainer1{
    display:inline-block;
    position:relative;
}
#prgLogo{
    position:absolute;
    margin-top:-75px;
    margin-left:33px;
    font-size: 15px;
    text-align: center;
}
#prgLogo1{
    /* position:absolute;
    margin-top:-83px;
    margin-left:45px; */
    position:absolute;
    margin-top:-58px;
    margin-left:30px;
    font-size: 15px;
    text-align: center;
}


.pillbox.pillbox-default li.item {
	cursor: pointer;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.pillbox.pillbox-default li.item:hover, 
.pillbox.pillbox-default li.item.active{
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}


.input-sm {
  height: 40px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.select-input-sm {   /* 闂備浇宕垫慨宕囩矆娴ｈ娅犲ù鐘差儐閸嬵亪鏌涢埄鍐噥闁绘帒锕悡顐﹀炊閵婏妇顦ㄩ梺浼欑秮娴滆泛顫忓ú顏嶆晝闁靛繆鏅滄晥闂佽瀛╅崫搴ㄥ礉瀹�鍕╋拷鍛附缁嬭儻鍩為梺鍝勵槸閸╂亰ct*/
  height: 40px;
  line-height: 30px;
}

.input-sm1{
  height: 40px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  width: 70%;
}
.input-line {
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	margin-top: 0.20rem;
	margin-bottom:0.2rem;
	border: 1px solid #d9d9d9;
}


.input-line-loading{
	margin-top:1rem;
	position: relative;
	z-index: 20;
}

.gapImag {
	bottom:0.48rem;
	right:0.4rem;
	position:fixed;
	
}


.gapImageNoresult{
	bottom:5.5rem;
	right:0.4rem;
	left:3rem;
	position:relative;
}


.listCss{
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	line-height: 1rem;
	font-size: 0.28rem;
	background-color: #ddddd;
}

.bg_styep  {
	background-color: #ofofof;
}

.query-font{
	font-size: 32px;
}
.list-group-itemNew {
    position: relative;
    display: block;
    padding: 0.1rem 0.1rem;
    vertical-align: middle;
    text-align:left;
    background-color: #fff;
}

.list-group-item-height{
	line-height:1rem;
	vertical-align: middle;
}
.form-control-code {
	height: 38px;
	line-height: 16px;
	background-color: #FFF;
	padding-left: 33px;
    border: 0px solid #ff3fff; 
    line-height:1rem;
    color:#999999;
}
.verifycode-image-code{
	position: absolute;
	margin-left: 0.1rem;
	margin-right: 0.12rempx;
	width: 1.28rem;
	height: 0.58rem
}

.verifyInput-code{
	padding-left: 0.15rem;
    margin-bottom: 0.2rem;
    display: inline-block;
    width:60%;
}

.form-control-left-select{
	float:right;
	border: 0px solid #ffffff; 
	text-align:left;
	font-size: 0.28rem;
	width:60%;
	margin-top:0.3rem;
	vertical-align: middle;
	background-color: #ffffff;
}

.form-control-left-yzm{
	float:right;
	border: 0px solid #ff3fff; 
	text-align:left;
	font-size: 0.28rem;
	padding-left:0.1rem;
	padding-top:0.32rem;
	padding-bottom:0.32rem;
	line-height: normal; 
	line-height: 0.32rem; 
	width:30%;
	margin-left:0.91rem;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border-radius: 0.04rem;
	float: left;
	display: inline-block;
}

.list-group-item-height > span:first-child{
	/* height:0.5rem;
	line-height:0.4rem; */
	/* vertical-align: middle; */
}

.outDiv {
	margin-left: 0.22rem;
	margin-right: 0.22rem;
	margin-top: 0.22rem;
	border: 1px solid #F0F0F0;
	position: relative;
	border-radius: 0.08rem;
}

.label-content {
	width: 25%;
	font-size: 0.28rem;
	vertical-align: middle;
	display: inline-block;
	
}

.position-code{
	position: relative;
}
.form-control-left {
	float:right;
	border: 0px solid #ff3fff; 
	text-align:left;
	font-size: 0.28rem;
	padding-left:0.1rem;
	padding-top:0.32rem;
	padding-bottom:0.32rem;
	width:60%;
	color: #555555;
	line-height: normal; 
	line-height: 0.32rem; 
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
}


.form-control-left-delete{
	float:right;
	position: relative;
	left: 3.3rem;
	top: 0.3rem;
}
.pillbox li.item:after {
	position: relative;
	top: -2px;
	float: right;
	padding-left: 4px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	content: "\00D7";
	opacity: 0.2;
}

#loading-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background-color: #ffffff;
	opacity: 0;
}

#loading1 {
	position: absolute;
	left: 23%;
	top: 40%;
	width:60%;
	padding: 0.02rem;
	z-index: 20001;
	height: auto;
}

#loading1 .loading-indicator {
	color: #444;
	font: bold 0.2rem tahoma, arial, helvetica;
	padding: 0.1rem;
	margin-left:-1.2rem;
	margin-top:3rem;
	height: auto;
}

#loading1-msg {
	font: normal 0.18rem arial, tahoma, sans-serif;
}

#loading {
	position: absolute;
	width:50%;
	margin-left:25%;
	margin-top:20%;
	padding: 0.02rem;
	z-index: 20001;
	height: auto;
}

#loading .loading-indicator {
	background: white;
	color: #444;
	font: bold 0.2rem tahoma, arial, helvetica;
	padding: 0.1rem;
	height: auto;
}

#loading-msg {
	font: normal 0.18rem arial, tahoma, sans-serif;
}

.noContent {
	font-size: 0.28rem;
	margin-top: 0.05rem;
	height: 6rem;
	margin-left: 0.04rem;
}
.nocontentLine{
	position: relative;border-bottom:1px dashed #000000;width: 100%;top: -4.5rem;
}

.nocontent1 {
	font-size: 0.28rem;
	margin-top: -4rem;
	height: auto;
	margin-left: 0.04rem
}

.clear-fix:after {
    display:table;
    content:"";
    width:0;
    clear:both;
  }
  html,body,dl,dt,dd {
	margin: 0;
	padding: 0;
}

body {
	background-color: #f0f0f0;
}

.top {
	background: #A0CD27;
}

.banner {
	font-size: 0.36rem;
	position: relative;
	padding: 0.2rem 0.3rem;
	text-align: center;
	color: #ffffff;
	vertical-align: middle;
}

.banner .reback {
	position: absolute;
	left: 0.6rem;
	font-size: 0.32rem;
	top: 0.25rem
}

.banner .reback_img {
	position: absolute;
	left: 0.2rem;
}

.banner .title {
	font-size: 0.36rem;
}

.header {
	font-size: 0.48rem;
	background: #A0CD27;
	color: #ffffff;
	padding: 0.36rem;
	line-height: 1;
	border-bottom: 1px solid #60693a;
}

.addCompany{
	width: 496px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
}

.showConfDetail{
	width: 600px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
}

.confirm_btn:visited{ background-image: url("../images/confirm.png")}
.confirm_btn:hover{ background-image: url("../images/cancel.png")}
.confirm_btn:active{ background-image: url("../images/cancel1.png")}


.confirm_btn1:visited{ background-image: url("../images/confirm.png")}
.confirm_btn1:hover{ background-image: url("../images/cancel.png")}
.confirm_btn1:active{ background-image: url("../images/cancel1.png")}


.confirm_btn_user:visited{ background-image: url("../images/confirm.png")}
.confirm_btn_user:hover{ background-image: url("../images/cancel.png")}
.confirm_btn_user:active{ background-image: url("../images/cancel1.png")}


.confirm_btn1_user:visited{ background-image: url("../images/confirm.png")}
.confirm_btn1_user:hover{ background-image: url("../images/cancel.png")}
.confirm_btn1_user:active{ background-image: url("../images/cancel1.png")}


.cancel_btn{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 280px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/cancel.png");
}
.upload_class{
	position: relative;
	width: 30px;
	height: 29px;
	background-image: url("../images/upload_default.png");
}

.upload_class:visited{ background-image: url("../images/upload_click.png")}
.upload_class:hover{ background-image: url("../images/upload_click.png")}
.upload_class:active{ background-image: url("../images/upload_click.png")}

.confirm_btn{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 280px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/confirm.png");
}

.confirm_btn_x{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 290px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/confirm.png");
}

.confirm_btn_user{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 0px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/confirm.png");
}

.consumption1{
    -webkit-border-radius: 7px;
	border-radius: 7px;
	border-color: #000000;
	background-color: #ffffff;
}

.consumption2{
    -webkit-border-radius: 7px;
	border-radius: 7px;
	border-color: #000000;
	background-color: #ffffff;
}

.consumption3{
    -webkit-border-radius: 7px;
	border-radius: 7px;
	border-color: #000000;
	background-color: #ffffff;
}


.double_btn{
	position: relative;
	width: 134px;
	height: 30px;
    top: 45px;
    left: 1px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1;
    background-image: url("../images/databig1.png");
}


.confernece_btn{
	position: relative;
	width: 134px;
	height: 30px;
    top: 1px;
    left: 1px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1;
    background-image: url("../images/databig2.png");
}

.confernece_btn_1{
	position: relative;
	width: 134px;
	height: 30px;
    top: 1px;
    left: 1px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1;
    background-image: url("../images/databig1.png");
}

.confernece_btn:visited{ background-image: url("../images/databig1.png")}
.confernece_btn:hover{ background-image: url("../images/databig3.png")}
.confernece_btn:active{ background-image: url("../images/databig2.png")}

.double_btn:visited{ background-image: url("../images/databig1.png")}
.double_btn:hover{ background-image: url("../images/databig3.png")}
.double_btn:active{ background-image: url("../images/databig2.png")}

.confernece_btn1{
	position: relative;
	width: 134px;
	height: 30px;
    top: 1px;
    left: 30px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1;
    background-image: url("../images/databig1.png");
}

.double_btn1{
	position: relative;
	width: 134px;
	height: 30px;
    top: 45px;
    left: 30px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1;
    background-image: url("../images/databig1.png");
}


.confernece_btn1_1{
	position: relative;
	width: 134px;
	height: 30px;
    top: 1px;
    left: 30px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1;
    background-image: url("../images/databig2.png");
}

.confernece_btn1:visited{ background-image: url("../images/databig1.png")}
.confernece_btn1:hover{ background-image: url("../images/databig3.png")}
.confernece_btn1:active{ background-image: url("../images/databig2.png")}

.double_btn1:visited{ background-image: url("../images/databig1.png")}
.double_btn1:hover{ background-image: url("../images/databig3.png")}
.double_btn1:active{ background-image: url("../images/databig2.png")}

.confirm_btn3:visited{ background-image: url("../images/databig1.png")}
.confirm_btn3:hover{ background-image: url("../images/databig3.png")}
.confirm_btn3:active{ background-image: url("../images/databig2.png")}

.cancel_btn3:visited{ background-image: url("../images/databig1.png")}
.cancel_btn3:hover{ background-image: url("../images/databig3.png")}
.cancel_btn3:active{ background-image: url("../images/databig2.png")}


.cancel_btn1{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 290px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/cancel.png");
}
.cancel_btn3{
	position: relative;
	width: 188px;
	height: 30px;
    top: 1px;
    left: 290px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/databig2.png");
}

.confirm_btn1{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 290px;
    display:inline-block;
    right: 0;
    cursor: pointer;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/confirm.png");
}

.confirm_btn3{
	position: relative;
	width: 188px;
	height: 30px;
    top: 1px;
    left: 290px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/databig1.png");
}

.confirm_btn1_user{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 5px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/confirm.png");
}

.cancel_btn2{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 280px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/cancel1.png");
}


.confirm_btn2{
	position: relative;
	width: 88px;
	height: 30px;
    top: 1px;
    left: 290px;
    display:inline-block;
    right: 0;
    bottom: 20px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/cancel1.png");
}

.conpany-add-modal .modal-dialog .modal-content{
    width: 550px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
}

.conpany-add-modal{
    z-index : 999;
}


.share-view-modal .modal-dialog .modal-content{
    width: 800px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
}

.share-view-modal{
    z-index : 9999999 !important;
}


.panel-heading-taskAdd{
    background-color: #ffffff;
    font-size: 18px;
    font-family: \5FAE\8F6F\96C5\9ED1;
    color: #333333;
    padding: 0px 24px;
    border: 0px;
    height: 42px;
}

.comanyPanel {
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-color: #ffffff;
}

.comanyPanel1 {
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-color: #00a8ff;
}

.oneToOne1 {
	padding-left: 2%;
	position: fixed;
	width:134px;
	height:30px;
	float: left;
	display:inline;
	padding-top: 20px;
	cursor: pointer;
	z-index: 14;
	background-repeat:no-repeat;
	background-image: url("../images/databig1.png");
}

.oneToOne2 {
	padding-left: 30%;
	position: absolute;
	float: left;
	width:134px;
	height:30px;
	padding-top: 28px;
	cursor: pointer;
	z-index: 12;
	background-repeat:no-repeat;
	background-image: url("../images/databig3.png");
}

}
.header .desc .loc {
	margin-bottom: 0.2rem
}

.header .desc .info {
	font-size: 0.24rem;
}

.btn-submit {
	margin: 0.26rem 0.36rem 0.32rem 0.36rem;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.32rem;
	color: #ffffff;
	background: gray;
	border-radius: 0.1rem;
}

.pillbox li.item:hover:after {
	opacity: 0.4;
}

.text-match {
	color: red;
}


.close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    color: gray;
}

.close-btn1 {
    position: absolute;
    top: 10px;
    right: 10px;
    color: gray;
}
.close-btn:hover {
    color: #a94442;
}

.close-btn .close-btn-mask {
    background-color: #fff;
    width: 1.5em;
    height: 1em;
}

.close-btn .glyphicon {
    position: absolute;
    top: -6px;
    left: -2px;
}


.hand {
    cursor: pointer;
}

.blue {
	background-color: #22B8DD;
}

.eeeColor{
    background-color: #eee;
}

/* spin.js */
.loading-spinner-container {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
}

.loading-backdrop.in {
    z-index: 99999999;
    filter: alpha(opacity=0);
    opacity: 0;
}

.container {
	margin-left: 15px;
}

.col-m-l {
	margin-left: 15px;
}

label>em {
	color: red;
	margin: 0 4px;
}
label>small{
	font-weight: normal;
	margin-left: 6px;
}
.table-maxh{
	max-height: 400px; 
	overflow-y:auto;
}

table>thead>tr>th input[type=checkbox],table>tbody>tr>td input[type=checkbox]{
	cursor: pointer;
}

.marginLeft0{
    margin-left: 0;
}

.paddingLeft30 {
    padding-left: 30px;
}

.marginRight35{
	margin-right:35px;
}

.marginBottom0{
    margin-bottom: 0;
}

.card{
    /*min-width:400px;*/
    max-width:350px;
}

.limit-word{
    overflow: hidden;
    text-overflow: ellipsis;
    /*word-wrap: break-word;*/
    white-space: nowrap;
    display: inline-block;
}

.upload-container .progress {
	margin-bottom: 0;
}

.upload-dnd-container {
	border: 3px dashed #e6e6e6;
	text-align: center;
	padding: 30px;
	background-color: #fff;
}

.upload-dnd-container .upload-dnd-info {
	color: #999;
	margin-top: 10px;
}

.user-icon {
    width: 32px;
    height: 32px;
}

.search-control {
    padding-left: 25px;
    background-image: url('../images/icon/search_n.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-top: 8px;
    font-size: 14px;
}

.search-control:focus, .search-control:active, .search-control.active {
    background-image: url('../images/icon/search_p.png');
    border-color: rgb(235, 106, 92);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(235, 106, 92,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(235, 106, 92,.6);
}

.wordbreak {
    word-break: break-all;
}

.col-10-1 {
    width: 10%;
}
.col-10-2 {
    width: 20%;
}
.col-10-3 {
    width: 30%;
}
.col-10-4 {
    width: 40%;
}
.col-10-5 {
    width: 50%;
}
.col-10-6 {
    width: 60%;
}
.col-10-7 {
    width: 70%;
}
.col-10-8 {
    width: 80%;
}
.col-10-9 {
    width: 90%;
}
.col-10-10 {
    width: 100%;
}

.animate {
}

.animate.ng-enter, .animate.ng-leave, .animate.ng-move {
    -webkit-transition: all .28s cubic-bezier(.4,0, .2,1);
    transition: all .28s cubic-bezier(.4,0, .2,1);
}

.animate-shift-left {
}

/** 闂備浇顕х�涒晠顢欓弽顓為棷妞ゆ牜鍋涚粻顖炴煟閹寸偞鐏紓宥嗙墵閺岀喖鏌囬敃锟介弸銈夋煟椤撶喐灏柍瑙勫灴閹晛鐣烽崶鑸垫闂備胶绮换鎰板箯閿燂拷 闂傚倸鍊烽懗鍫曞箠閹剧粯鍋ら柕濞炬櫆閸嬪鏌ｉ幇顔煎妺闁哄懏鎮傞弻锕�螣閻氬纾奸柟鑹版彧缁插墽锟芥碍宀搁弻鐔虹磼濡桨鍒婂┑鐐层偢娴滃爼寮婚敐鍡樺劅闁挎繂妫楀▓宀勬⒑閸濆嫮澧遍柛鎾跺枛楠炲棙绗熼敓浠嬪极閹剧粯鏅搁柨鐕傛嫹
.animate-shift-left.ng-leave,
.animate-shift-left.ng-enter.ng-enter-active {
    transform: translate(0%, 0);
}

/** 闂備浇顕х�涒晠顢欓弽顓為棷妞ゆ牜鍋涚粻顖炴煟閹寸偞鐏紓宥嗙墵閺岀喖鏌囬敃锟介崝妤呭箹鏉堝墽绋婚悗姘哺閺岀喓绱掑Ο杞板垔濠电偟銆嬮幏锟� 闂傚倸鍊烽懗鍫曞箠閹剧粯鍋ら柕濞炬櫆閸嬪鏌ｉ幇顔煎妺闁哄懏鎮傞弻锝夋晲閸涱垳浼囬梺娲诲幗閹告悂鍩為幋锔藉亹鐎规洖娴傞弳锟犳⒑缂佹绠橀柛鐘崇墵楠炲啫螖閸涱喖浠梺缁橆殔閻楀﹪骞忛柆宥嗏拺濞村吋鐟ㄩ娲煙閸戙倖瀚�/
.animate-shift-left.ng-enter,
.animate-shift-left.ng-leave.ng-leave-active {
    transform: translate(-100%, 0);
}

.animate-shift-left + .animate-shift-left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/** 闂備浇顕х�涒晠顢欓弽顓為棷妞ゆ牜鍋涚粻顖炴煟閹寸偞鐏紓宥嗙墵閺岀喖鏌囬敃锟介崝妤呭箹鏉堝墽绋婚悗姘哺閺岀喓绱掑Ο杞板垔濠电偟銆嬮幏锟� 闂傚倸鍊烽懗鍫曞箠閹剧粯鍋ら柕濞炬櫆閸嬪鏌ｉ幇顔煎妺闁哄懏鎮傞弻锝夋晲閸涱垳浼囬梺娲诲幗閹告悂鍩為幋锔藉亹鐎规洖娴傞弳锟犳⒑缂佹绠橀柛鐘崇墵楠炲啫螖閸涱喖浠梺缁橆殔閻楀﹪骞忛柆宥嗏拺濞村吋鐟ㄩ娲煙閸戙倖瀚�/
.animate-shift-left + .animate-shift-left.ng-enter,
.animate-shift-left + .animate-shift-left.ng-leave.ng-leave-active {
    transform: translate(100%, 0);
}

/** 闂備浇顕х�涒晠顢欓弽顓為棷妞ゆ牜鍋涚粻顖炴煟閹寸偞鐏紓宥嗙墵閺岀喖鏌囬敃锟介弸銈夋煟椤撶喐灏柍瑙勫灴閹晛鐣烽崶鑸垫闂備胶绮换鎰板箯閿燂拷 闂傚倸鍊烽懗鍫曞箠閹剧粯鍋ら柕濞炬櫆閸嬪鏌ｉ幇顔煎妺闁哄懏鎮傞弻锕�螣閻氬纾奸柟鑹版彧缁插墽锟芥碍宀搁弻鐔虹磼濡桨鍒婂┑鐐层偢娴滃爼寮婚敐鍡樺劅闁挎繂妫楀▓宀勬⒑閸濆嫮澧遍柛鎾跺枛楠炲棙绗熼敓浠嬪极閹剧粯鏅搁柨鐕傛嫹
.animate-shift-left + .animate-shift-left.ng-leave,
.animate-shift-left + .animate-shift-left.ng-enter.ng-enter-active {
    transform: translate(0%, 0);
}

.animate-repeat {
}

/** 闂備浇顕х�涒晠顢欓弽顓為棷妞ゆ牜鍋涚粻顖炴煟閹寸偞鐏紓宥嗙墵閺岀喖鏌囬敃锟介崝妤呭箹鏉堝墽绋婚悗姘哺閺岀喓绱掑Ο杞板垔濠电偟銆嬮幏锟� 闂傚倸鍊烽懗鍫曞箠閹剧粯鍋ら柕濞炬櫆閸嬪鏌ｉ幇顔煎妺闁哄懏鎮傞弻锝夋晲閸涱垳浼囬梺娲诲幗閹告悂鍩為幋锔藉亹鐎规洖娴傞弳锟犳⒑缂佹绠橀柛鐘崇墵楠炲啫螖閸涱喖浠梺缁橆殔閻楀﹪骞忛柆宥嗏拺濞村吋鐟ㄩ娲煙閸戙倖瀚归梻鍌氬�烽懗鍫曞箠閹剧粯鍋ら柕濞炬櫆閸嬪鏌ｉ幇顔煎妺闁哄懏鎮傞弻锕�螣娓氼垱鈻撻梺鎼炲�栧ú鐔煎蓟閵娾晜鍋勯柧蹇氼潐閹叉ê鈹戦悙鎻掓倯妞ゃ劌鐗忓Σ鎰板箳閹惧磭绐為柟鍏兼儗閸犳牕鈻撻鐔虹瘈婵炲牆鐏濆▍娆撴煙閸戙倖瀚�/
.animate-repeat.ng-enter,
.animate-repeat.ng-move,
.animate-repeat.ng-leave.ng-leave-active {
    opacity: 0;
    max-height: 0;
}

/** 闂備浇顕х�涒晠顢欓弽顓為棷妞ゆ牜鍋涚粻顖炴煟閹寸偞鐏紓宥嗙墵閺岀喖鏌囬敃锟介弸銈夋煟椤撶喐灏柍瑙勫灴閹晛鐣烽崶鑸垫闂備胶绮换鎰板箯閿燂拷 闂傚倸鍊烽懗鍫曞箠閹剧粯鍋ら柕濞炬櫆閸嬪鏌ｉ幇顔煎妺闁哄懏鎮傞弻锕�螣閻氬纾奸柟鑹版彧缁插墽锟芥碍宀搁弻鐔虹磼濡桨鍒婂┑鐐层偢娴滃爼寮婚敐鍡樺劅闁挎繂妫楀▓宀勬⒑閸濆嫮澧遍柛鎾跺枛楠炲棙绗熼敓浠嬪极閹剧粯鏅稿ù鐘差儐閳锋垿鏌ｉ悢绋款棆闁圭晫濞�閺岋絽螖閸愩劋妲愰梺杞扮劍閹瑰洭骞冮幆褏鏆嗛柨鐔烘櫕閸樼娀姊洪懡銈呅㈡繛璇х畳閵囨劙宕橀褎婢栭梻鍌欐祰椤曆兠归悜钘夌疇闁规崘顕х�氬銇勯幒鎴濐仾闁稿骸锕弻銊╂偆閸屾稑顏�/
.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
    opacity: 1;
    max-height: 100%;
}

